var user = window.localStorage.getItem("user1");
var art1 = JSON.parse(user);
var la = window.localStorage.getItem("ListArticleper");
var art = JSON.parse(la);

var new_element = document.createElement("script");
new_element.setAttribute("type", "text/javascript");
new_element.setAttribute("src", "js/jquery-2.1.4.min.js");
document.body.appendChild(new_element);
$(function () {
    if (user != null && user != '') {
        $("#simg").css("display", "none");
        $("#reglog").css("display", "none");
        $("#message").css("display", "block");
        $("#tclog").css("display", "block");
        $("#uimg").css("display", "block");
        $("#updateps").css("display", "block");
        $("#user_username").val('');
        $("#user_password").val('');
    } else {
        $("#simg").css("display", "block");
        $("#reglog").css("display", "block");
        $("#message").css("display", "none");
        $("#tclog").css("display", "none");
        $("#uimg").css("display", "none");
        $("#updateps").css("display", "none");
    }
})
var demo = new Vue({
    el: '#app',
    data: {
        getUrl: 'http://localhost:8601/', //存数据接口
        userAll: art1,
        listArticle: art,
        listFriends: '',
        listNewArticle: "",
        listHotArticle: "",
        randNote: "",
        listCollect:"",
    },
    created: function () {
        //定义方法
        this.message();
        this.getlistArticle;
        this.getFriends();
        this.getCollect();
        this.newhotArticle();
    },
    methods: {
        message: function () {
            if (this.userAll == '' || this.userAll == null) {
                $("#message").css("display", "none");
            }
        },
        tcloging: function () {
            $.ajax({
                url: that.getUrl + 'UserLogin/logout',
                dataType: 'json',
                success: function (res) {
                    if (res == true) {
                        confirm("注销成功");
                        window.location.href = "../public/index.html"
                    }
                }
            })
        },
        SaveUser: function () {
            var that = this;
            $.ajax({
                cache: true,
                type: "POST",
                url: that.getUrl + "UserLogin/saveUsers",
                data: $('#registSubmit').serialize(), // 你的formid
                dataType: "json", //返回数据的类型
                async: false,
                success: function (data) {
                    console.log(data);
                    if (data != null) {
                        confirm("SUCCESS!");
                        user = data;
                        $("#message").css("display", "block");
                        $("#simg").css("display", "none");
                        $("#uimg").css("display", "block");
                        $("#reglog").css("display", "none");
                        $("#tclog").css("display", "block");
                        $("#updateps").css("display", "block");
                    }
                }
            });
        },
        content: function (Article) {
            window.location.href = "content.html?article_id=" + Article.article_id;
        },
        getFriends: function () {
            var that = this;
            //去数据库进行匹配
            $.ajax({
                url: that.getUrl + 'UserLogin/getFriends', //处理页面的路径
                data: {
                    //that.userAll.user_id
                    user_id: that.userAll.user_id,
                }, //要提交的数据是一个JSON
                type: "GET", //提交方式
                dataType: "json", //返回数据的类型
                //TEXT字符串 JSON返回JSON XML返回XML
                success: function (data) { //回调函数 ,成功时返回的数据存在形参data里
                    that.listFriends = data;

                }
            });
        },
        getCollect:function () {
            var that = this;
            //去数据库进行匹配
            $.ajax({
                url: that.getUrl + 'UserLogin/getCollections', //处理页面的路径
                data: {
                    //that.userAll.user_id
                    collect_userId: that.userAll.user_id,
                }, //要提交的数据是一个JSON
                type: "GET", //提交方式
                dataType: "json", //返回数据的类型
                //TEXT字符串 JSON返回JSON XML返回XML
                success: function (data) { //回调函数 ,成功时返回的数据存在形参data里
                    that.listCollect = data;
                }
            });
        },
        newhotArticle: function () {
            var that = this;
            //去数据库进行匹配
            $.ajax({
                url: that.getUrl + 'qArticle/newHotArticle', //处理页面的路径
                data: {
                    article_title: 'article_publishDate',
                }, //要提交的数据是一个JSON
                type: "GET", //提交方式
                dataType: "json", //返回数据的类型
                //TEXT字符串 JSON返回JSON XML返回XML
                success: function (data) { //回调函数 ,成功时返回的数据存在形参data里
                    that.listNewArticle = data;
                }
            });
            $.ajax({
                url: that.getUrl + 'UserLogin/randNote', //处理页面的路径
                data: {}, //要提交的数据是一个JSON
                type: "GET", //提交方式
                dataType: "json", //返回数据的类型
                //TEXT字符串 JSON返回JSON XML返回XML
                success: function (data) { //回调函数 ,成功时返回的数据存在形参data里

                    that.randNote = data;
                }
            });
            $.ajax({
                url: that.getUrl + 'qArticle/newHotArticle', //处理页面的路径
                data: {
                    article_title: 'article_pageView',
                }, //要提交的数据是一个JSON
                type: "GET", //提交方式
                dataType: "json", //返回数据的类型
                //TEXT字符串 JSON返回JSON XML返回XML
                success: function (data) { //回调函数 ,成功时返回的数据存在形参data里

                    that.listHotArticle = data;
                }
            });
        },
    },
});


